<template>
  <view class="top">
    <view class="background" :style="{ paddingTop: safeAreaInsets?.top + 'px' }"></view>
  </view>
</template>

<script lang="ts" setup>
// 获取屏幕边界到安全区域距离
const { safeAreaInsets } = uni.getSystemInfoSync()
</script>
<style lang="scss" scoped>
.top {
  height: 230rpx;
  .background {
    background-color: #5199ff;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    height: 180rpx;
    width: 100%;
  }
}
</style>
